<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        li {
            list-style: none;
        }
        textarea {
            width: 300px;
            height: 100px;
            outline: none;
            border: 1px solid #036;
            /* 防止拖拽文本域 */
            resize: none;
        }
    </style>
</head>
<body>
    <!-- 1.鼠标样式cursor 2.轮廓outline 3.防止拖拽文本域 -->

    <!-- 1 -->
    <ul>
        <li style="cursor: default;">默认</li>
        <li style="cursor: pointer;">小手</li>
        <li style="cursor: move;">移动</li>
        <li style="cursor: text;">文本</li>
        <li style="cursor: not-allowed;">禁止</li>
    </ul>
    <!-- 1 -->

    <!-- 2 -->
    <!-- 设置轮廓线 outline: outline-color ||outline-style ||outline-width; -->
    <!-- 通常情况都不设置 而是去掉 outline: 0; / outline: none;-->
    <input type="text" style="outline: none;"><br>
    <!-- 2 -->

    <!-- 3 -->
    <textarea>留言</textarea>
    <!-- 3 -->
</body>
</html>